/**
 *  *******************自定义hook函数*******************
 *  实现获取滚动距离Y
 * 
 * *******************自定义hook函数*******************
 *  可以自动同步到本地LocalStorage
 *  1.message可以通过自定义传入默认初始值
 *  2.每次修改message数据的时候 都会自动往本地同步一份
 * 
 */

import { useWindowScroll } from "./hooks/useWindowScroll"
import { useLocalStorage } from "./hooks/useLocalStorage"
function App () {
  const [c] = useWindowScroll()
  const [message, setMessage] = useLocalStorage('hook-key', '火锅')
  setTimeout(() => {
    setMessage('烤肉')
  }, 5000)
  return (
    <div style={{ height: '12000px' }}>
      {c}
      <p>{message}</p>
    </div>
  )
}
export default App
